<template>
	<div class="body">
		<SideBar class="sidebar fl"/>
		<div class="container fl">
			<div class="header">
				<div class="search">
					<input type="text"/>
				</div>
				<div class="title"></div>
			</div>
			<router-view></router-view>
		</div>
	</div>
</template>

<script>
	import SideBar from "./sidebar.vue";

	export default {
		name: "index",
		props: {},
		components: {
			SideBar,
		},
		data() {
			return {
				text:""
			};
		},
		computed: {},
		watch: {},
		created() {
		},
		mounted() {
			this.$router.push({name: "Box"})
		},
		methods: {},
	};
</script>
<style scoped>


	.body {
		min-width: 700px;
		margin: 0 0;
		height: 100%;
	}

	.body > .fl {
		float: left;
	}

	.body .sidebar {
		box-sizing: border-box;
		width: 50px;
		height: 100%;
		padding: 20px 5px 0 5px;
		background: #2e2e2e;
		text-align: center;
	}

	.body .container {
		width: calc(100% - 50px);
		height: 100%;
	}

	.body .container .header {
		height: 80px;
	}

	.body .container .header .search {
		float: left;
		height: 100%;
		background-color: #eeeae8;
		width: 250px;
	}

	.header:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.search input{
		box-shadow: none;
		outline: none;
		resize: none;
		border: none;
		-webkit-tap-highlight-color: rgb(0,0,0,0);
	}

	/* .body {
      width: 700px;
      margin: 0 0;
      height: 100%;
    }
    .body>.fl {
      float: left;
    }
    .body .sidebar{
        box-sizing: border-box;
        width: 50px;
        height: 100%;
        padding: 20px 5px 0 5px;
        background: #2e2e2e;
    }
    .body .container{
        width:calc(100% - 50px);
        height: 100%;
    }

    .body .container .header{
        height: 80px;
    }
    .body .container .box{
        height: calc(100% - 80px);
    }

    .body .container .box .sidenav{
        float: left;
        width: 250px;
        background: #eeeae8;
        min-height: 100%;
    }

    .body .container .box .msgbox{
        float: left;
        width: calc(100% - 250px);
        border-top: 1px solid #e7e7e7;
    } */
</style>
